import React from 'react'
import { Table, Tag, Space } from 'antd';
export default function Sales() {
    const columns = [
        {
          title: '排名',
          dataIndex: 'name',
          key: 'name',
          
        },
        {
          title: '课程信息',
          dataIndex: 'age',
          key: 'age',
        },
        {
          title: '访问量',
          dataIndex: 'address',
          key: 'address',
        },
        
        {
          title: '支付量',
          key: 'action',
          dataIndex: 'action',
        },
        {
            title:"支付转化率",
            dataIndex:"abc",
            key:"abc"
        }
      ];
      
      const data = [
        {
          key: '1',
          name:"1",
          age: <>
          <div style={{float:"left"}}><img src='https://www.pmdaniu.com/storages/127806/a2790bc912aee93deaaa4adce2900909-105941/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u704.png' style={{width:"60px"}}></img></div>
          <div style={{float:"right",fontSize:"8px",color:"#189eff"}}>西班牙语<br></br>高级直达</div>
          </>,
          address: 8000,
          action:400,
          abc:"5%"
        },
        {
            key: '2',
            name:"2",
            age: <>
            <div style={{float:"left"}}><img src='https://www.pmdaniu.com/storages/127806/a2790bc912aee93deaaa4adce2900909-105941/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u704.png' style={{width:"60px"}}></img></div>
            <div style={{float:"right",fontSize:"8px",color:"#189eff"}}>西班牙语<br></br>高级直达</div>
            </>,
            address: 8000,
            action:400,
            abc:"5%"
          },
          {
            key: '3',
            name:"3",
            age: <>
            <div style={{float:"left"}}><img src='https://www.pmdaniu.com/storages/127806/a2790bc912aee93deaaa4adce2900909-105941/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u704.png' style={{width:"60px"}}></img></div>
            <div style={{float:"right",fontSize:"8px",color:"#189eff"}}>西班牙语<br></br>高级直达</div>
            </>,
            address: 8000,
            action:400,
            abc:"5%"
          },
         
          
      ];
  return (
    <div style={{width:"520px",height:"440px",backgroundColor:"#fff",float:"left",marginTop:"20px",borderRadius:"20px",padding:"30px"}}>
        <p style={{fontSize:"18px",marginBottom:"40px"}}>销售量TOP3课程</p>
        <Table columns={columns} dataSource={data} pagination={false} />
    </div>
  )
}
